/*
# Copyright 2009-2010 by Ka-Ping Yee
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
#     http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
*/
body { margin: 0; }

/* Type sizes */
body, h2, th, td { font-family: helvetica, arial; font-size: 11px; }
tr { vertical-align: baseline; }
th { text-align: left; }
.subject-info, .subject-info td, .legend-label { font-size: 11px; }
.caption { font-size: 11px; font-weight: normal; color: #aaa; }
.sep { padding: 0 2px }

/* Header line */
.header { font-size: 13px; }
.header .user { position: absolute; right: 0px; top: 0px; z-index: 1 }
.header .lang { position: absolute; left: 400px; top: 0px; padding: 2px 8px;
                z-index: 2 }
.header .title { position: absolute: left: 0px; top: 0px; padding: 4px;
                 font-size: 18px; color: #fff; background: #333; width: 392px; }
.header .title a { text-decoration: none; color: #fff; }
.header .feedback { float: right; font-size: 12px; vertical-align: bottom; padding: 4px; }
.header .feedback a { text-decoration: underline; }
.loading { position: absolute; left:48%; top: 0px; padding: 3px; z-index: 5;
           background-color:#FFF1A8; font-size: 13px; font-weight: bold; 
           text-align: center; }
ul.user-bar { list-style: none; background: #fff; padding: 7px 10px 5px 0px; margin: 0px; float: left; }
ul.user-bar li { float: left; padding: 0px 2px; margin: 0px; position: relative; }
ul.user-bar li a { padding: 0px; display: block; float: left; }
ul.user-bar li ul.menu { list-style: none; position: absolute; left: -5px; top: 20px; z-index: 1001;
                         margin: 0px; padding: 5px; display: none; float: left; width: 125px; 
                         background: #fff; }
ul.user-bar li ul.menu li { margin: 0px; padding: 2px 0px; clear: both; z-index: 1001; width: 100%; }
ul.user-bar li ul.menu li:hover { background-color: #E5ECF9; } 

/* Data area */
#data { position: absolute; left: 0px; width: 400px; top: 30px; bottom: 0; }
#data table { width: 100%; padding: 0; cursor: default; }
#edit-data { position: absolute; left: 0px; width: 400px; top: 30px; bottom: 0; background: #fff; overflow-y: auto; }
th, td { padding: 2px 4px; }
.section { margin-top: 10px; }
.section:first-child { margin-top: 0; }
#supply-section { display: none; }
#filter-section { margin-top: 0; }
#legend-section { display: none; }
#division-section { display: none; }
.table-head { background: #e0e2e8; padding: 2px 0; }
#subject-section { margin-top: 0; }
#subject-section .table-head {
    background: #fff; border-bottom: 1px solid #999; }
#filter-section .table-head { display: none; }
#filter-section .table-body { background: #eee; }
.table-head tr { color: #000; }
.table-head img, .legend-icon img { position: relative; top: 2px; }
.table-body { overflow-y: auto; }
.table-body tr { color: #222; }
#supply-tbody, #division-tbody, #subject-tbody { cursor: pointer; }
#division-list { max-height: 190px; }  /* pad 2px*2 + 15px = 19px per row */
#division-list tr { line-height: 15px; }
.hover { background: #cdf; }
#subject-list td { border-bottom: 1px solid #eee; }
td.supply-set { text-align: center; width: 2em;
    border-left: 1px solid #e0e2e8; border-bottom: 1px solid #e0e2e8; }
td#supply-set-1 { border-left: none; }
th.legend-icon { padding: 2px 4px; text-align: center; width: 2em; }
td.legend-label { padding: 2px 4px 2px 0; }
th.subject-count, td.subject-count { text-align: right; width: 2.5em; }
th.value, td.value { text-align: right; width: 4em; }
th.column_1, td.column_1 { text-align: left; width: 18em; }
th.value .beds, td.value .beds { float: right; padding-left: 0.5em; }
.stockout { color: #f24; }
td.selected, tr.selected { background: #26d; color: #fff; }
tr.selected .stockout { color: #f9a; }
td.no-report { text-align: center; font-style: italic; white-space: nowrap; }
td.no-data { color: #aaa; }
td.division-title { padding-left: 16px; }
tr#division-0 td.division-title { padding-left: 4px; }
td.status-0 { color: #000; }
td.status-1 { color: #080; }
td.status-2 { color: #a00; }
td.status-3 { color: #444; }
td.subject-count.selected { color: #fff; }

/* Map area */
#map, .hshadow, .vshadow { position: absolute; left: 400px; top: 30px; }
#map { right: 0; bottom: 0; }
.hshadow { bottom: 0; background: #000; font-size: 1px; }
.hs1 { width: 2px; opacity: 0.09; filter:alpha(opacity=9); }
.hs2 { width: 3px; opacity: 0.06; filter:alpha(opacity=6); }
.hs3 { width: 4px; opacity: 0.03; filter:alpha(opacity=3); }
.vshadow { right: 0; background: #000; font-size: 1px; }
.vs1 { height: 2px; opacity: 0.09; filter:alpha(opacity=9); }
.vs2 { height: 3px; opacity: 0.06; filter:alpha(opacity=6); }
.vs3 { height: 4px; opacity: 0.03; filter:alpha(opacity=3); }
#freshness { position: absolute; left: 0; bottom: 0; padding: 4px;
             font-size: 13px; background: #eee; width: 392px; }
#edit-bar { position: absolute; left: 0; bottom: 0; padding: 4px;
            background: #eee; width: 377px; }
.new-subject-map-control { margin: 5px 1px; border: 1px solid #000; }
.new-subject-map-control-ui { background: #fff; border: 1px solid #ccc;
                              cursor: pointer; text-align: center; }
.new-subject-map-control-text { font-family: 'arial','sans-serif';
                                font-size: 13px; font-weight: bold;
                                padding: 0px 2px 0px 2px;
                                vertical-align: middle; }
img.new-subject-map-control-marker { padding: 0px 0px 0px 2px;
                                     vertical-align: text-bottom; }

/* Map info windows */
.subject-info h1 { font-size: 13px; }
.subject-info h1, .subject-info h2 { margin: 0; color: #000; }
.subject-info .attributes { margin: 1em 0; color: #666; }
.subject-info .attribute .value { color: #000; }
.subject-info .text { margin-left: 2em; }

tr.disabled td { color: #aaa; }
tr.on-alert td { color: #a00; }

/* Splash popup */
#background-fader { position: absolute; height: 100%; width: 100%; top: 0px; left: 0px;
                    background: #000; z-index: 10; opacity: 0.7; }
#splash-popup { position: absolute; width: 640px; font-size: 13px;
                background: #fff; border: 2px solid #bbb; z-index: 11; padding: 0px; }
.close-popup { font-size: 11px; color: #fff; position: absolute; top: 5px; right: 5px; }
#splash-popup h1 { width: 620px; background: #333; color: #fff; font-size: 18px; margin: 0px;
                   padding: 7px 10px; }
#splash-popup img { border: none; }
#splash-popup li { font-size: 12px; }
#splash-popup p { padding: 0px 10px; margin: 10px; font-size: 12px; }
#splash-popup object { padding: 0px 10px 0px 0px; margin: 0px 10px 0px 0px; }
#splash-popup button { margin: 10px 0px 15px 20px; }

/* iFrame overrides */

/* Header line */
.iframe .header .lang { left: 300px; }
.iframe .header .title { width: 292px; }
.iframe .header .wrench { height: 15px; width: 14px; vertical-align: text-bottom; }

/* Data area */
.iframe #data { width: 300px; }
.iframe #edit-data { width: 300px; }

/* Map area */
.iframe #map, .iframe .hshadow, .iframe .vshadow { left: 300px; }
.iframe #freshness { width: 292px; }
.iframe #edit-bar { width: 277px; }
